<template>
	<view class="box">
		<view class="liner" v-for="item in props.scheduleList" :key="item.id">
			<view class="timer">
				<uni-icons custom-prefix="iconfont" type="icon-ai253" color="#1ec886" size="20"></uni-icons>
				&nbsp; {{ item.dayStr }} 10:00-12:00
			</view>
			<view class="conetr">{{ item.event }}</view>
			<view class="data">
				<uni-icons custom-prefix="iconfont" type="icon-loufangfangzi"></uni-icons>
				{{ item.place }}
			</view>
		</view>
		<view class="nodata" v-if="props?.scheduleList?.length == 0">你还没有日程安排</view>
	</view>
</template>

<script setup>
import { ref, getCurrentInstance, reactive, toRefs } from 'vue';
const props = defineProps({
	scheduleList: {}
});
</script>

<style scoped lang="scss">
.nodata {
	background: url(/static/nodata.png) no-repeat;
	background-size: 100%;
	width: 100%;
	height: 835rpx;
	color: #aaa59f;
	font-size: 50rpx;
}

.box {
	padding-top: 25rpx;

	.liner {
		margin-bottom: 20rpx;
		background-color: #fff;
		border-radius: 15rpx;
		padding: 20rpx;
	}

	.timer {
		display: flex;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #d43e3e;
	}

	.conetr {
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #2b3133;
		margin: 25rpx 0;
	}

	.data {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #7b7f83;
	}
}
</style>
